html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
}
@font-face {
font-family: helv;
src:url(fonts/HelveticaNeueW23-Bd.ttf);
src: url(fonts/HelveticaNeueW23-Bd.eot?) format(eot), url(fonts/HelveticaNeueW23-Bd.otf) format(opentype), url(fonts/HelveticaNeueW23-Bd.ttf) format(truetype);
} 
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display: block;
}
h1, h2, h3 {
	text-transform:capitalize;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
	content: '';
	content: none;
}

input, textarea {
	outline:none;
}
body {
	font: 13px helv,tahoma;
	color: #facb5b;
	direction: rtl;
	background-color: #1d003d;
	background-image: url(images/body-bg.jpg);
	background-repeat: repeat;
}
/*Start Code*/


/*header*/
#header-bg{
	background-image: url(images/header-bg.png);
	background-repeat: repeat-x;
	height: 479px;
}
#header {
	height: 479px;
	width: 1048px;
	background-image: url(images/header.png);
	background-repeat: no-repeat;
	margin:0px auto;
	position: relative;
}
#menu {
    display: inline-block;
    list-style: none outside none;
    position: absolute;
    right: 39px;
    top: 338px;
}
#menu li{
	display:block;
	float:right;
	margin:0 0 0 4px;
}
#menu li a{
	background-image: url(images/button.png);
	background-repeat: no-repeat;
	height: 35px;
	width: 111px;
	color:#fff;
	text-decoration:none;
	display:block;
	text-align:center;
	font:15px/35px helv,tahoma;
	-webkit-transition:all 0.3s ease-in-out 0s;
	-moz-transition:all 0.3s ease-in-out 0s;
	-ms-transition:all 0.3s ease-in-out 0s;
	-o-transition:all 0.3s ease-in-out 0s;
	transition:all 0.3s ease-in-out 0s;
}
#menu li a:hover{
	background-image: url(images/button-hover.png);
	background-repeat: no-repeat;
	height: 35px;
	width: 111px;
	color:#3d027f;
	text-decoration:none;
	display:block;
	text-align:center;
	font:15px/30px helv,tahoma;
}
#banners {
	width:898px;
	height:84px;
	position:absolute;
	bottom:2px;
	right:75px;
}
#banners .banner1{
	float:right;
	-webkit-transition:all 0.3s ease-in-out 0s;
	-moz-transition:all 0.3s ease-in-out 0s;
	-ms-transition:all 0.3s ease-in-out 0s;
	-o-transition:all 0.3s ease-in-out 0s;
	transition:all 0.3s ease-in-out 0s;
}
#banners .banner1:hover{
	opacity:0.7;
}
#banners .banner2{
	float:left;
	-webkit-transition:all 0.3s ease-in-out 0s;
	-moz-transition:all 0.3s ease-in-out 0s;
	-ms-transition:all 0.3s ease-in-out 0s;
	-o-transition:all 0.3s ease-in-out 0s;
	transition:all 0.3s ease-in-out 0s;
}
#banners .banner2:hover{
	opacity:0.7;
}
/* end header*/


/* Login Before */
#login-before {
	background-image: url(images/login-form.png);
    background-repeat: no-repeat;
    bottom: 103px;
    height: 39px;
    left: 34px;
    position: absolute;
    width: 446px;
}
#login-before .name {
    background: none repeat scroll 0 0 transparent;
    border: medium none;
    color: #855208;
    direction: rtl;
    font: 14px helv,Tahoma;
    height: 30px;
    margin: 0 33px 0 0;
    padding: 0;
    text-align: center;
    width: 144px;
}
#login-before .pass {
    background: none repeat scroll 0 0 transparent;
    border: medium none;
    color: #855208;
    direction: rtl;
    font: 14px helv,Tahoma;
    height: 30px;
    margin: 5px 30px 0 0;
    padding: 0;
    text-align: center;
    width: 150px;
}
#login-before .button {
    background: none repeat scroll 0 0 transparent;
    border: medium none;
    color: #FFFFFF;
    cursor: pointer;
    float: left;
    font: 18px helv,tahoma;
    height: 36px;
    margin: 1px 0 0 1px;
    padding: 0;
    text-indent: -999px;
    width: 77px;
}
#login-before .button:hover {
    color: #4aa9e4;
}
#login-before .forgot {
    color: #FFFFFF;
    float: left;
    font: 14px helv,tahoma;
    margin: 6px 0 0 14px;
    text-decoration: none;
	-webkit-transition:all 0.4s ease 0s;
	-moz-transition:all 0.4s ease 0s;
	-ms-transition:all 0.4s ease 0s;
	-o-transition:all 0.4s ease 0s;
	transition:all 0.4s ease 0s;
}
#login-before .forgot:hover{
    color: #001c2e;
}
#login-before .remember {
    color: #FFFFFF;
    float: right;
    font: 13px helv,tahoma;
    margin: 6px 53px 0 0;
}
#header .login-icon{
	background-image: url(images/login-icon.png);
    background-repeat: no-repeat;
    height: 62px;
    left: 486px;
    position: absolute;
    top: 313px;
    width: 64px;
}
/* End Login Before */


/* Login After */
#login-After {
	background-image: url(images-blue-style/form-login-after.png);
	background-repeat: no-repeat;
	height: 165px;
	width: 364px;
	position: absolute;
	bottom: 19px;
	left: 22px;
}
#login-After .welcom-user {
    color: #000000;
    font: 14px/39px helv,tahoma;
    margin: 0 110px 0 0;
}
#login-After .smallfont2 {
    color: #000000;
    font: 13px/19px helv,tahoma;
    margin: 0px 60px 0 0;
    text-align: center;
    width: 292px;
}
/* End Login Before */



/* nav */
/* end nav */


/* Slide */

/* End Slide */




/* content */
#content {
	width:1048px;
	margin:0px auto;
}
#style-right {
	background-image: url(images/style-right.png);
	background-repeat: repeat-y;
	background-position: right;
	padding-right: 24px;
}
#style-left {
	background-image: url(images/style-left.png);
	background-repeat: repeat-y;
	background-position: left;
	padding-left: 26px;
}
#in-content {
	background-color:#b48c2c;
}
#clear {
	clear:both;
}
/* content */


/* block-left */

/* block-left */



/* table */
#table {
	width:95%;
	margin:0px auto;
}
#top {
	background-image: url(images/table-top-center.jpg);
	background-repeat: repeat-x;
	height: 96px;
}
#top .r{
	background-image: url(images/table-top-right.jpg);
	background-repeat: no-repeat;
	float: right;
	height: 96px;
	width: 325px;
}
#top .l{
	background-image: url(images/table-top-left.jpg);
	background-repeat: no-repeat;
	float: left;
	height: 96px;
	width: 265px;
}
#table .tright {
	background-image: url(images/table-right.jpg);
	background-repeat: repeat-y;
	background-position: right;
	padding-right: 10px;
}
#table .tleft {
	background-image: url(images/table-left.jpg);
	background-repeat: repeat-y;
	background-position: left;
	padding-left: 15px;
}

#in-table {
}
#bottom {
	background-image: url(images/table-bottom-center.jpg);
	background-repeat: repeat-x;
	height: 43px;
	margin-bottom: 30px;
}
#bottom .r {
	background-image: url(images/table-bottom-right.jpg);
	background-repeat: no-repeat;
	float: right;
	height: 43px;
	width: 21px;
}
#bottom .l {
	background-image: url(images/table-bottom-left.jpg);
	background-repeat: no-repeat;
	float: left;
	height: 43px;
	width: 25px;
}
/* table */


/* footer-top*/
#footer-bg {
	background-image: url(images/footer-bg.png);
	background-repeat: repeat-x;
	height: 269px;
}
#footer {
	width: 1048px;
	position: relative;
	background-image: url(images/footer.png);
	background-repeat: no-repeat;
	height: 269px;
	margin:0px auto;
}
#footer .cat-button-1 {
	background-image: url(images/button-footer.jpg);
    background-repeat: no-repeat;
    color: #FFFFFF;
    font: 13px/27px helv,tahoma;
    height: 28px;
    position: absolute;
    right: 55px;
    text-align: center;
    top: 5px;
    width: 102px;
}
#footer .cat-button-2 {
	background-image: url(images/button-footer.jpg);
    background-repeat: no-repeat;
    color: #FFFFFF;
    font: 13px/27px helv,tahoma;
    height: 28px;
    position: absolute;
    right: 264px;
    text-align: center;
    top: 5px;
    width: 102px;
}
#footer .cat-button-3 {
	background-image: url(images/button-footer.jpg);
    background-repeat: no-repeat;
    color: #FFFFFF;
    font: 13px/27px helv,tahoma;
    height: 28px;
    position: absolute;
    right: 477px;
    text-align: center;
    top: 5px;
    width: 102px;
}
#footer .cat-1 {
    display: list-item;
    list-style: none outside none;
    position: absolute;
    right: 55px;
    top: 55px;
}
#footer .cat-1 li{
	display:block;
	margin:0 0 5px 0;
}
#footer .cat-1 li a{
	color:#fff;
	text-decoration:none;
	font:13px helv,tahoma;
	-webkit-transition:all 0.3s ease-in-out 0s;
	-moz-transition:all 0.3s ease-in-out 0s;
	-ms-transition:all 0.3s ease-in-out 0s;
	-o-transition:all 0.3s ease-in-out 0s;
	transition:all 0.3s ease-in-out 0s;
}
#footer .cat-1 li a:hover{
	color:#ebbc0f;
}

#footer .cat-2 {
    display: list-item;
    list-style: none outside none;
    position: absolute;
    right: 250px;
    top: 55px;
}
#footer .cat-2 li{
	display:block;
	margin:0 0 5px 0;
}
#footer .cat-2 li a{
	color:#fff;
	text-decoration:none;
	font:13px helv,tahoma;
	-webkit-transition:all 0.3s ease-in-out 0s;
	-moz-transition:all 0.3s ease-in-out 0s;
	-ms-transition:all 0.3s ease-in-out 0s;
	-o-transition:all 0.3s ease-in-out 0s;
	transition:all 0.3s ease-in-out 0s;
}
#footer .cat-2 li a:hover{
	color:#ebbc0f;
}


#footer .cat-3 {
    display: list-item;
    list-style: none outside none;
    position: absolute;
    right: 460px;
    top: 55px;
}
#footer .cat-3 li{
	display:block;
	margin:0 0 5px 0;
}
#footer .cat-3 li a{
	color:#fff;
	text-decoration:none;
	font:13px helv,tahoma;
	-webkit-transition:all 0.3s ease-in-out 0s;
	-moz-transition:all 0.3s ease-in-out 0s;
	-ms-transition:all 0.3s ease-in-out 0s;
	-o-transition:all 0.3s ease-in-out 0s;
	transition:all 0.3s ease-in-out 0s;
}
#footer .cat-3 li a:hover{
	color:#ebbc0f;
}
#controol {
	width:437px;
	height:22px;
	position:absolute;
	display:block;
	bottom:0px;
	right:26px;
}
/* end footer-bottom*/